<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>::Estado de Envios::</title>
<script src="<c:url value="/resources/js/consultaEnvios.js" />" type="text/javascript"></script>
</head>
<body>
<table class="tablaEstaciones tablaConsulta" cellspacing="0">
		<caption>
		 	<div class="tituloTabla">Consulta de Env&iacute;os</div>
		 	<div style="clear:both"></div>
		 	<form:form id="formConsultaEnvios" action="consultaEnvios.php" method="post">
				<div class="rangos-fecha">
					<label class="etiqueta">Desde : </label>
					<input type="text" id="from" name="fechaInicio" value="<c:out value="${fechaInicio}"/>" />
					<label class="etiqueta">Hasta :</label>
					<input type="text" id="to" name="fechaFin" value="<c:out value="${fechaFin}" />"/>
					<a class="btn" href="javascript:document.forms['formConsultaEnvios'].submit();">Consultar</a>
				</div>
			</form:form>
		</caption>
		<thead>
		<tr>
			<th class="cabecera-tabla" align="center" width="30">Cod.</th>
			<th class="cabecera-tabla" width="160">Estaci&oacute;n</th>
			<th class="cabecera-tabla" width="100" align="center">IP</th>
			<th class="cabecera-tabla" width="60" align="center">Puerto</th>
			<th class="cabecera-tabla" width="80" align="center">Tipo Venta</th>
			<th class="cabecera-tabla" width="180" align="center">Fecha Carga Autom&aacute;tica</th>
			<th class="cabecera-tabla" width="30" align="center">Estado</th>	
			<th class="cabecera-tabla" width="220" align="center">Descripcion</th>
			<th class="cabecera-tabla" align="center" width="80">Regenerar</th>
		</tr>
		</thead>
		<tbody>
		<c:forEach items="${listaEstacionesEstado}" var="aux" varStatus="status">
			<c:if test="${status.index%2==0}">
			  <c:set var="estiloFila" value="fila-tabla-par" />
			</c:if>
			<c:if test="${status.index%2!=0}">
			  <c:set var="estiloFila" value="fila-tabla-impar" />
			</c:if>
			<c:if test="${(status.index/aux.numeroRegistros)%2==0}">
			  <c:set var="estiloCelda" value="celda-principal-par" />	
			</c:if>
			<c:if test="${(status.index/aux.numeroRegistros)%2!=0}">
			  <c:set var="estiloCelda" value="celda-principal-impar" />	
			</c:if>
			<tr class="<c:out value="${estiloFila}" />" id="fila<c:out value="${status.index}" />">
				<c:if test="${aux.numeroRegistros>0}">
					
					<c:set var="filas" value="${aux.numeroRegistros}"/>
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${filas}">
						<c:out value="${aux.estacion.codEstacion}" />		
					</td>
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${filas}">
						<c:out value="${aux.estacion.nombreEstacion}" />	    		    
					</td>
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${filas}">
						<c:out value="${aux.estacion.ip}" />					    		    
					</td>
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${filas}">
						<c:out value="${aux.estacion.puerto}" />					    		    
					</td>	
				</c:if>
				
				<c:if test="${aux.numeroRegistrosGlp>0}">
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${aux.numeroRegistrosGlp}">
						<div class="celdaGlp"><c:out value="${aux.grupoDeVentas}" /></div>						    		    
					</td>
				</c:if>
				<c:if test="${aux.numeroRegistrosGnv>0}">
					<td class="celda <c:out value="${estiloCelda}" />" align="center" rowspan="${aux.numeroRegistrosGnv}">
						<div class="celdaGnv"><c:out value="${aux.grupoDeVentas}" /></div>					    		    
					</td>
				</c:if>
				
				<td class="celda fechaHoraRegistro" align="center">
					<c:choose>
						  <c:when test="${aux.estado.tipoCarga==-1}">
						  		<c:out value="${aux.fechaRegistro}" />					    		    
						  </c:when>
						  <c:otherwise>
								<c:out value="${aux.fechaHoraRegistro}" />					    		    
					      </c:otherwise>
					</c:choose>
				</td>
				
				<td class="celda imgEstado" align="center">
					<c:if test="${aux.estado==null}">
						<img src="<c:url value="/resources/img/neutro.png" />"  width="20" height="20" />
					</c:if>
					<c:if test="${aux.estado!=null}">
						<c:choose>
						  <c:when test="${aux.estado.tipoCarga==-1}">
					      	<img src="<c:url value="/resources/img/neutro.png" />"  width="20" height="20" />	
					      </c:when>
					      <c:when test="${aux.estado.tipoCarga==0}">
					      	<img src="<c:url value="/resources/img/rojo.png" />"  width="20" height="20" />	
					      </c:when>
					      <c:when test="${aux.estado.tipoCarga==1}">
					     	<img src="<c:url value="/resources/img/verde.png" />"  width="20" height="20" />	
					      </c:when>
					      <c:when test="${aux.estado.tipoCarga==2}">
					      	<img src="<c:url value="/resources/img/verde.png" />"  width="20" height="20" />
					      </c:when>
					      <c:otherwise>
					        <br />
					      </c:otherwise>
					    </c:choose>
					</c:if>
				</td>
				<td class="celda descripcionEstado">
					<c:out value="${aux.descripcionEstado}" />					    		    
				</td>	
				<td class="celda regeneracion" align="center">
					<c:if test="${aux.estado!=null}">
						<c:choose>
						  <c:when test="${aux.estado.tipoCarga==0}">						  	
						  	<a class="btn-regenerar" href="javascript:regenerar(<c:out value="${status.index}" />,
						  							   <c:out value="${aux.estacion.idEstacion}" />,
						  							  '<c:out value="${aux.estado.fechaRegistro}" />',
						  							   <c:out value="${aux.tipoVentaRegistro}" />,
						  							   <c:out value="${aux.numeroRegistros}" />,
						  							   <c:out value="${aux.numeroRegistrosGlp}" />,
						  							   <c:out value="${aux.numeroRegistrosGnv}" />,
						  							  '<c:url value="/resources/img/gif-cargando.gif" />')">Regenerar</a>
						  						      
					      </c:when>
					      <c:when test="${aux.estado.tipoCarga==-1}">
						  	<a class="btn-consultar" href="javascript:regenerar(<c:out value="${status.index}" />,
						  							   <c:out value="${aux.estacion.idEstacion}" />,
						  							  '<c:out value="${aux.estado.fechaRegistro}" />',
						  							   <c:out value="${aux.tipoVentaRegistro}" />,
						  							   <c:out value="${aux.numeroRegistros}" />,
						  							   <c:out value="${aux.numeroRegistrosGlp}" />,
						  							   <c:out value="${aux.numeroRegistrosGnv}" />,
						  							  '<c:url value="/resources/img/gif-cargando.gif" />')">Consultar</a> 
					      </c:when>
					      <c:otherwise>
					        <div></div>
					      </c:otherwise>
						</c:choose>
					</c:if>
				</td>
			</tr>
		</c:forEach>
		<c:if test="${empty listaEstacionesEstado}">
		    <tr id="filaVacia" class="fila-tabla-impar"><td class="celda" colspan="9" align="center">NO HAY ESTACIONES REGISTRADAS</td></tr>
		</c:if>
		</tbody>
</table>
</body>
</html>